@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap);

/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0; font-family: "Noto Sans KR", sans-serif !impotant;}
h1{
	font-size: 60px;
}

p{
	font-size: 20px;
}

fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
input,select,textarea,button{border-radius:0;vertical-align:middle}
input::-ms-clear{display:none}
button{border:0 none;background-color:transparent;cursor:pointer}
body{background:#fff;direction:ltr;-webkit-text-size-adjust:none}
body,th,td,input,select,textarea,button{font-size:13px;line-height:1.5;font-family: 'Noto Sans KR', sans-serif;color:#333}
a{color:#222;text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
table, table td{padding:0;border:none;border-collapse:collapse}

/*common*/
::-moz-selection{background:#b1b9cb;color:#fff}
::selection{background:#b1b9cb;color: #fff}
.hiddenTxt{display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}
.img_comm{width:100%;vertical-align:top}
.container-doc .inner_container{position:relative;width:1200px;min-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.inner_container:after{display:block;clear:both;content:""}
.fw_b {font-weight:bold}
.ico_comm{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;background:url(../images/ico_comm.png) 0 0 no-repeat;background-size:340px 230px}
/*
.btn_comm{padding:10px 15px;font-weight:600;font-size:16px;line-height:20px;color:#fff;border:1px solid #e1e1e1;border-radius:6px;background:#014788;text-align:center;}*/
.btn_comm{margin-top:50px; font-size:16px; line-height:54px; font-weight:500; color:#00468c; box-sizing:border-box; border:1px solid #00468c; border-radius:30px; width:200px; height:54px; text-align:center;}
.btn_comm:hover{background-color:#00468c; color:#fff; transition-duration:0.3s;}


/*loader*/
.wrap_loader {overflow:hidden;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:#fff}
.wrap_loader .loader{position:relative;top:50%;width:64px;height:40px;margin:-20px auto 0 auto;background:url(../images/loader.gif)}

/*header*/
.doc-header .header_top{background:#fafafa}
.header_top .list_service{float:right}
.list_service li{float:left;position:relative}
.list_service li + li:before{position:absolute;left:0;top:15px;width:1px;height:13px;background:#e0e0e0;content:""}
.list_service .link_service{display:block;padding:14px 10px;font-size:14px;line-height:16px;color:#6d6d6d}
.doc-header .wrap_gnb{overflow:hidden;position:absolute;height:80px;margin-top:40px;border-bottom:1px solid #eee;background:linear-gradient(white 80px, #fafafa 80px, #fafafa);left:0;right:0;top:0;z-index:1000}
.doc-header .wrap_gnb.fixed{position:fixed;top:0;margin-top:0;transition: all ease .3s}
.wrap_gnb .logo_elearning {float:left;width:240px;height:44px;margin-top:18px}
.wrap_gnb .list_gnb{float:right}
.list_gnb > li{position:relative;float:left}
.list_gnb .link_gnb{display:block;padding:28px 45px 28px 30px;font-weight:bold;font-size:17px;line-height:24px;text-align:center}
.list_gnb li:last-child .link_gnb{padding:28px 30px}
.wrap_gnb .list_gnb:after{display:block;clear:both;content:""}
.list_gnb .list_sub{position:absolute;width:100%;padding-left:30px;margin:20px 0;box-sizing:border-box}
.list_sub .link_sub{display:block;font-weight:bold;font-size:14px;line-height:30px;color:#333}
.list_item li:before{margin-right:4px;font-size:14px;line-height:30px;color:#666;content:"-"}
.list_item .link_item{display:inline-block;font-size:14px;line-height:30px;color:#666;vertical-align:top}

/*content*/
.container-doc .doc-main{padding-top:76px}
.main_ban .ban_visual01{background:#a2c3cc}
.main_ban .ban_visual02{background:#c4cce1}
.doc-main .main_visual01{background:#c6d6e5}
.doc-main .main_visual02{background:#accee1}
.doc-main .main_visual03{background:#a8d4d5}
.doc-main .main_visual04{background:#bbd0de}
.doc-main .main_visual05{background:#aac6e3}
.inner_container .visual_cont{position:absolute;width:450px;top:50%;transform:translate(0,-50%);word-break:keep-all}
.visual_cont .tit_visual{float:left;font-weight:normal;font-size:24px;color:#fff;text-align:left}
.tit_visual .fw_b{font-weight:700;font-size:40px;line-height:60px}
.doc-main .main_login{background:#3c4457}
.main_login .inner_container{padding:19px 20px}
.main_login .wrap_inp{float:left;position:relative}
.main_login .wrap_inp + .wrap_inp{margin-left:20px}
.wrap_inp .lab_inp{position:absolute;left:12px;top:14px;font-size:14px;line-height:17px;color:#8f949f}
.wrap_inp .inp_comm{width:170px;height:40px;padding:0 10px;font-size:14px;line-height:17px;color:#fff;border:1px solid #8f949f;border-radius:4px;background:transparent}
.wrap_inp .inp_comm:focus{border:1px solid #fff}
.main_login .btn_login{width:138px;height:40px;margin-left:30px;font-size:16px;color:#fff;border:1px solid #fff;border-radius:20px;background:transparent}
.main_login .btn_login:hover{color:#fff;background:#8f949f}
.main_login .link_idPw{display:inline-block;padding:10px;margin:3px 0 0 16px;font-size:14px;line-height:17px;color:#fff;vertical-align:top}
.main_login .link_idPw:hover{text-decoration:underline}
.doc-main .main_content{padding:70px 0 120px;}
.main_content .content_btn{padding-bottom:90px;}
.content_btn .list_ban{display:flex;width:100%;}
.list_ban li{position:relative;flex:auto;text-align:center}
.list_ban li + li:before{position:absolute;left:0;top:20px;width:2px;height:120px;background:#eee;content:""}
.list_ban .link_ban{display:inline-block;position:relative;width:120px;height:130px;padding:5px;vertical-align:top}
.link_ban .ban_bg{display:block;position:absolute;top:35%;left:47%;width:10px;height:10px;border-radius:50%;background:#e3e9f7;transition: all ease .3s;opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.link_ban:hover .ban_bg{transform:scale(11);opacity:1}
.link_ban .ico_comm{position:absolute;z-index:10}
.link_ban .txt_ban{position:absolute;bottom:2px;left:0;width:100%;font-weight:700;font-size:16px;line-height:16px;color:#8f949f;text-align:center;}
.link_ban:hover .txt_ban{color:#3c4457}
.link_ban1 .ico_comm{width:77px;height:77px;background-position:0 0;top:16px;left:28px}
.link_ban1:hover .ico_comm{background-position:0 -90px}
.link_ban2 .ico_comm{width:77px;height:78px;background-position:-90px 0;top:20px;left:28px}
.link_ban2:hover .ico_comm{background-position:-90px -90px}
.link_ban3 .ico_comm{width:70px;height:77px;background-position:-180px 0;top:18px;left:32px}
.link_ban3:hover .ico_comm{background-position:-180px -90px}
.link_ban4 .ico_comm{width:77px;height:77px;background-position:-260px 0;top:24px;left:29px}
.link_ban4:hover .ico_comm{background-position:-260px -90px}
.main_content .content_community{overflow:hidden;padding-top:40px;border-top:2px solid #000}
.content_community .wrap_notice{float:left;width:690px;height:324px;padding:32px 28px 0 22px;background:#fafafa;box-sizing:border-box}
.content_community .wrap_customer{float:right;width:470px;height:324px;padding:0 42px;background:url(../images/bg_customer.png) 0 0 no-repeat;box-sizing:border-box}
.wrap_notice .tit_notice{float:left;font-weight:bold;font-size:23px;line-height:26px;color:#333;letter-spacing:-1px}
.wrap_notice .link_more{float:right;padding:5px;margin-top:4px;font-size:14px;line-height:17px;color:#333}
.link_more .ico_comm{display:inline-block;width:18px;height:18px;margin-left:8px;background-position:-30px -180px;vertical-align:top;}
.wrap_notice .list_notice{overflow:hidden;width:100%;margin-top:2px}
.list_notice li{width:100%;height:48px;border-bottom:1px dashed #c7c7c7}
.list_notice li:last-child{border-bottom:0}
.list_notice .link_notice{display:inline-block;padding:5px;margin:10px 0 0 2px;font-size:14px;line-height:17px;color:#333;vertical-align:top}
.link_notice .ico_comm{display:inline-block;width:17px;height:17px;margin-top:2px;background-position:0 -180px;vertical-align:top}
.link_notice .txt_notice{display:inline-block;overflow:hidden;max-width:470px;white-space:nowrap;text-overflow:ellipsis;vertical-align:top}
.list_notice .txt_date{float:right;margin-top:15px;font-size:14px;line-height:17px;color:#88929e;}
.wrap_customer .tit_customer{display:block;margin:46px 0 14px;font-weight:bold;font-size:23px;line-height:27px;color:#333;letter-spacing:-1px}
.wrap_customer .customer_call{display:block;overflow:hidden;font-weight:bold;font-size:32px;line-height:48px;color:#45444b}
.customer_call .ico_comm{float:left;width:48px;height:48px;margin-right:10px;background-position:-60px -180px}
.customer_visit .ico_comm{float:left;width:48px;height:48px;margin:10px 10px 0 0;background-position:-120px -180px}
.wrap_customer .customer_visit {display:block;overflow:hidden;font-size:24px;line-height:36px;color:#45444b;}
.main_content .contnet_familySite{overflow:hidden; margin-top:40px; padding-top:30px; border-top:2px solid #000;}
.main_content .tit_category{display:block;font-size:24px; font-weight:500; color:#383838; padding-bottom:30px;}
.container_lecList .list_lec li{overflow:hidden;padding:30px;border:1px solid #ddd;box-sizing:border-box}
.container_lecList .list_lec li + li{margin-top:20px}
.list_lec .thumb_lec{float:left;width:220px}
.thumb_lec .wrap_thumb{overflow:hidden;position:relative;padding-top:56.25%}
.wrap_thumb .thumb_frame{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%)}
.thumb_frame .img_comm{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;height:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.list_lec .cont_lec{overflow:hidden;position:relative;padding:0 30px}
.cont_lec .tit_lec{padding-right:120px;font-weight:500;font-size:18px;line-height:21px;color:#333}
.tit_lec .link_lec:hover{color:#014788;}
.cont_lec .txt_desc{margin:10px 0;padding-right:120px;font-size:15px;line-height:20px;color:#797979}
.cont_lec .btn_request{position:absolute;top:50px;right:0;padding:15px;margin-top:-25px;font-size:15px;line-height:20px;color:#fff;border:1px solid #014788;border-radius:4px;background:#014788}

.main_content .container_video{overflow:hidden;float:left;position:relative;width:870px;height:0;padding-bottom:56.25%;padding-top:30px}
.container_video iframe,.container_video object,.container_video embed{position:absolute;top:0;left:0;width:100%;height:100%;} 
.main_content .container_lec{overflow:hidden;position:relative;height:682px;padding-left:30px}
.container_lec .tit_lec{margin-bottom:25px;font-weight:600;font-size:18px;line-height:31px;color:#383838}
.tit_lec .ico_comm{display:inline-block;width:24px;height:31px;margin-right:8px;background-position:-170px -170px;vertical-align:top}
.container_lec .wrap_scroll{position:relative}
.wrap_scroll .list_lec{overflow-y:auto;max-height:567px}
.wrap_scroll .list_lec::-webkit-scrollbar{width:6px}
.wrap_scroll .list_lec::-webkit-scrollbar,.wrap_scroll .list_lec::-webkit-scrollbar-thumb{overflow:visible;border-radius:10px}
.wrap_scroll .list_lec::-webkit-scrollbar-thumb{background:rgba(59,79,126,.4)}
.wrap_scroll .list_lec::-webkit-scrollbar-track{background-color:#fff;border-radius:10px;box-shadow:inset 0px 0px 2px white}
.wrap_scroll .scroll_bar{position:absolute;top:0;right:0;width:6px;height:100%;background:#fff;-webkit-transition:all .5s;transition:all .5s;opacity:1}
.wrap_scroll:hover .scroll_bar{opacity:0;-webkit-transition: all .5s;}
.container_lec li + li{margin-top:5px}
.container_lec .link_lec{display:block;padding:11px 12px 11px 20px;font-size:16px;line-height:23px;color:#383838;border:1px solid #e1e1e1;border-radius:10px}
.container_lec .link_lec.on,.container_lec .link_lec:hover{border:1px solid #bccaea;background:#f5f8ff}
.container_lec .btn_next{position:absolute;right:4px;bottom:0;width:256px;padding:0;line-height:45px}
.main_content .btn_group{float:right;}
.main_content .btn_list,.main_content .btn_submit{display:table;margin:30px auto 0}
.main_content .btn_write{display:block; margin:50px auto; }
.main_content .btn_submit{cursor:pointer; float:left; font-size:16px; line-height:50px; font-weight:700; color:#00468c; box-sizing:border-box; background-color:#fff; border:1px solid #00468c; border-radius:30px; width:160px; height:50px; text-align:center; margin-left:20px;}
.main_content .btn_submit:hover{background-color:#00468c; color:#fff; transition-duration:0.3s;}
.main_content .btn_list{cursor:pointer; float:left; font-size:16px; line-height:50px; font-weight:700; color:#fff; box-sizing:border-box; background-color:#999; border:1px solid #aaa; border-radius:30px; width:160px; height:50px; text-align:center; margin-left:20px;}
.main_content .btn_list:hover{background-color:#555;}
.tbl_comm .tbl_answer{margin-top:30px;padding:20px;border:1px solid #f0f0f0;border-radius:6px;background:#fafafa}
.tbl_answer .txt_answer{display:block;font-size:14px;line-height:24px;color:#383838}
.inp_comm{display:inline-block;height:35px;padding:5px 15px;font-size:14px;color:#383838;line-height:17px;border:1px solid #e1e4e6;border-radius:4px;vertical-align:middle;box-sizing:border-box}
.main_content .lab_comm{float:left;width:100px;}
.main_content .inp_comm{width:1000px;}
.main_content .inp_comm1{width:1000px;}
.main_content .inp_comm2{width:1000px; margin:30px 0; padding:20px;}

/*textarea*/
.main_content textarea{height:300px;resize:none;outline:none}
.main_content textarea::-webkit-scrollbar{width:6px}
.main_content textarea::-webkit-scrollbar,.main_content textarea::-webkit-scrollbar-thumb{overflow:visible;border-radius:10px}
.main_content textarea::-webkit-scrollbar-thumb{background:rgba(59,79,126,.4)}
.main_content textarea::-webkit-scrollbar-track{background-color:#fff;border-radius:10px;box-shadow:inset 0px 0px 2px white}

/*tab*/
.main_content .list_tab{overflow:hidden;width:100%}
.list_tab li{display:inline-block;vertical-align:top}
.list_tab li + li{margin-left:10px}
.list_tab .link_tab{display:block;height:42px;padding:0 17px;border: 1px solid hsla(0,0%,60.8%,.3);border-radius:42px;font-size:16px;line-height:42px;color:#222}
.list_tab .active .link_tab{font-weight:700;color:#fff;border:1px solid #b1b9cb;background:#014788}
.cont_tab{overflow:hidden;float:left;width:100%;background:#fff}
.tab_content{padding:30px 10px}

/*table*/
.tbl_comm{width:100%;border-collapse:collapse;border-spacing:0;border-top:2px solid #000;table-layout:fixed;}
	.tbl_comm th{height:50px; font-size:14px;line-height:30px;color:#fff; font-weight:500;}
.tbl_comm td{height:80px; font-size:14px;line-height:30px;color:#222; border-bottom:1px solid #eee;}
.tbl_comm td,.tbl_comm th{text-align:center;}
/*교육 자료실*/
.tbl_comm .tl_l{font-size:16px; text-align:left; height:100px; padding-left:20px;}
.tbl_comm .link_tbl{display:inline-block;overflow:hidden;max-width:772px;font-size:14px;line-height:31px;color:#383838;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;}
.link_tbl .txt_cate{margin-right:4px}
.tbl_comm .tbl_view{padding:40px 20px;text-align:left;}

.tbl_comm .btn_request{font-size:14px; font-weight: 700; color:#00468c; box-sizing:border-box; border:1px solid #00468c; border-radius:30px; width:120px; height:44px; position:relative;top:0; left:0;}
.tbl_comm .btn_request:hover{background-color:#00468c; color:#fff; transition-duration:0.3s;}
.tbl_comm .btn_request.active{background-color:#00468c; color:#fff;}

/*file*/
.tbl_comm .wrap_file{display:inline-block;vertical-align:top}
.wrap_file .inp_comm[type="file"]{overflow:hidden;position:absolute;width:0;height:0;padding:0;border:0}
.wrap_file .lab_comm{display:inline-block;width:auto;padding:0 20px;color:#999;border:1px solid #ebebeb;border-radius:5px;background:#fdfdfd;vertical-align:middle;cursor:pointer;}
.wrap_file .inp_comm:focus + .lab_comm{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}
.wrap_file .inp_file{display:inline-block;height:35px;width:900px;padding:0 10px;font-size:15px;border:none;vertical-align:middle;outline:0}

/*pagination*/
.paging_comm{overflow:hidden;position:relative;width:100%;padding-top:30px;text-align:center;}
.paging_comm .inner_paging{display:inline-block;vertical-align:top;}
.paging_comm .btn_paging{display:block;float:left;width:28px;height:28px;margin:0 3px;border:1px solid #eee;text-align:center; border-radius:30px;}
.paging_comm .btn_paging:hover{border:1px solid #00468c;background:#00468c;}
.btn_paging .ico_comm{width:10px;height:9px;margin:9px auto 0}
.paging_comm .btn_next{margin-left:30px}
.btn_fst .ico_comm{background-position:-200px -170px}
.btn_prev .ico_comm{width:5px;background-position:-220px -170px}
.btn_next .ico_comm{width:5px;background-position:-230px -170px}
.btn_lst .ico_comm{background-position:-240px -170px}
.btn_fst:hover .ico_comm{background-position:-200px -180px}
.btn_prev:hover .ico_comm{width:5px;background-position:-220px -180px}
.btn_next:hover .ico_comm{width:5px;background-position:-230px -180px}
.btn_lst:hover .ico_comm{background-position:-240px -180px}
.paging_comm .link_page{font-family: 'Poppins', sans-serif;float:left;margin-left:25px;font-size:14px;line-height:28px;color:#666}
.paging_comm span.link_page{font-weight:700;color:#00468c;}

/*faq*/
.board_cont .tit_cont{position:relative; display:inline-block; font-size:26px; font-weight:500; margin-bottom:70px;}
.board_cont .tit_cont:before{position:absolute;left:0;bottom:-10px; width:100%;height:4px; background:#d4ecff;content:""}
.wrap_faq .list_faq{background-color:#fff; position:relative; width:100%; border:1px solid #eee; border-radius:10px; padding:30px; margin-bottom:10px; box-sizing:border-box; }
.wrap_faq .open{border:1px solid #00468c;  box-shadow:5px 5px 10px rgba(100,100,100,0.2);}
.list_faq .faq_question{padding:10px 20px; cursor: pointer;}
.list_faq .faq_question .cont_question{font-size:18px; font-weight:400; line-height:18px; color:#000;}
.list_faq .faq_question .question{font-family: 'Poppins', sans-serif;font-size:26px; font-weight:700; color:#016fd6; margin-right:18px; position:relative; display:block; float:left; bottom:10px;}
.wrap_faq .open .faq_question{color:#1b76ff; margin-bottom:14px;}
.list_faq .faq_cont{width:1060px; margin:0 auto; border-top:1px solid #eee;}
.list_faq .faq_cont .answer{font-size:26px; font-weight:700; position:relative; left:3px; margin-top:12px; margin-right:22px; display:block; float:left; color:#555;}
.list_faq .faq_cont .cont_answer{padding-top:20px; font-size:16px; line-height:26px; color:#999; width:980px; overflow:hidden; display:block;}
.list_faq .plusminus{position:absolute; right:50px; top:32px; width:20px; height:10px; text-align:center; font-size:26px; font-weight:500;}
.open .plusminus{border-top:10px; font-size:26px; font-weight:500;} 
.list_faq + .list_faq{margin-top:5px}


/*join*/
.wrap_join{position:absolute;top:50%;left:50%;width:520px;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.wrap_join .tit_join{height:62px;background:#014788;}
.tit_join .img_comm{width:208px;height:38px;margin:12px 0 0 20px}
.wrap_join .join_cont{border:1px solid #e5e5e5;border-top:0;padding:50px;}
.join_cont .cont_event{padding:15px 20px;font-size:15px;line-height:18px;color:#383838;border:1px solid #F1F1F1;border-radius:4px;background:#F6F6F6;}
.join_cont .tit_joincont{display: block;font-weight:300;font-size:24px;line-height:34px;color:#383838;word-break:keep-all;word-wrap: break-word}
.join_cont .txt_joincont{display:block;margin-top:14px;line-height:24px;font-size:16px;color:#7C7C7C}
.join_cont .form_join{margin-top:50px}
.form_join .join_field{position:relative}
.join_field + .join_field{margin-top:20px}
.join_field .tit_tf{display:block;font-weight:400;font-size:12px;line-height:18px;color:#252525}
.join_field .inp_g{display:block;width:100%;height:48px;border:0 none;border-bottom:1px solid #ebebeb;padding:13px 20px 13px 0px;font-size:16px;line-height:24px;background-color:transparent;color:#252525;outline:0 none;box-sizing:border-box}
.join_field .lab_tit{position:absolute;left:0;bottom:11px;font-size:15px;line-height:24px;color:#ccc;cursor:text}
.join_email .inp_g{padding:13px 115px 13px 0px;}
.join_field .btn_email{position:absolute;right:0;bottom:11px;height:30px;padding:0 16px;font-size:13px;color:#252525;line-height:28px;text-align:center;border:1px solid #DBDBDB;border-radius:15px}
.join_cont .form_agree{margin-top:30px}
.form_agree .agree_check{position:relative}
.agree_check .inp_chk{position:absolute;left:0;top:50%;z-index:-1;width:20px;height:20px;margin-top:-10px;opacity:0.01;filter: alpha(opacity=0)}
.agree_check .lab_chk{display:inline-block;height:100%;padding-left:28px;line-height:22px;font-size:15px;cursor:pointer;vertical-align:top}
.lab_chk .ico_comm{display:inline-block;position:absolute;left:0;top:50%;width:20px;height:20px;margin-top:-10px;background-position:-170px -210px;vertical-align:top}
.inp_chk:checked + .lab_chk .ico_comm{background-position:-200px -210px;}
.inp_chk:focus + .lab_chk{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}
.agree_check + .agree_check{margin-top:15px}
.agree_check .link_detail{display:block;position:absolute;right:0;top:0}
.link_detail .ico_comm{width:7px;height:12px;margin:4px;background-position:-20px -200px}
.join_cont .btn_comm{width:100%;margin-top:40px;font-weight: normal}

/*footer*/
.doc-footer .footer_policy{background:#eaeaef}
.footer_policy .list_policy{overflow:hidden;padding:0 15px}
.list_policy li{float:left}
.list_policy li + li{margin-left:20px}
.list_policy .link_policy{display:block;padding:5px;margin:13px 0;font-size:12px;line-height:16px;color:#333;letter-spacing:-1px}
.doc-footer .footer_copyright{padding:34px 0;background:#e6e6ed}
.footer_copyright .tit_copyright{float:left;width:186px;height:34px;margin:10px 40px 0 20px}
.footer_copyright .txt_copyright{display:block;overflow:hidden;font-size:14px;line-height:24px;color:#666666}
.txt_copyright .link_copyright{display:inline-block;font-size:14px;line-height:24px;color:#666666;vertical-align:top}

/*btn_top*/
.container-doc .btn_top{display:none;position:fixed;bottom:10px;right:5px;width:30px;height:30px;border-radius:3px;background:#014788;z-index:99;cursor:pointer;transition:all .3s ease-in-out}
.container-doc .btn_top:after{position:absolute;top:100%;left:5%;height:10px;width:90%;background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);z-index:-1;content:"";opacity:1}
.btn_top .ico_comm{width:18px;height:10px;margin-left:6px;background-position:0 -200px}


/*slider*/
.doc-main .main_ban{overflow:hidden;position:relative;width:100%;height:474px}
.main_ban .ban_pagination{position:absolute;bottom:27px;width:100%;padding:0;margin:0;text-align:center;z-index:100}
.main_ban .swiper-pagination-bullet{display:inline-block;width:14px;height:14px;padding:5px;margin:0 5px !important;font-size:0;line-height:0;color:transparent;border:2px solid #fff;border-radius:50%;background:transparent;cursor:pointer;vertical-align:top;box-sizing:border-box;opacity:1}
.main_ban .swiper-pagination-bullet-active{background:#fff}
.main_content .container_category{position:static;width:calc(100% - 80px)}
.container_category .btn_lec{display:block;padding:8px 15px;font-size:15px;line-height:18px;color:#34373b;border:1px solid #ebebeb;border-radius:20px;background:#ebebeb;text-align:center}
.container_category .swiper-slide{width:auto;border-radius:10px}
.swiper-slide-thumb-active .btn_lec{color:#014788;border:1px solid #014788;background:#fff}
.container_category ~ div[class^="swiper-button"]{height:30px;top:75px;color:#014788;border:1px solid #014788;border-radius: 4px}
.container_category ~ div[class^="swiper-button"]:after{font-weight:700;font-size:20px}
.container_category + .swiper-button-prev{left:20px}
.container_category + .swiper-button-prev + .swiper-button-next{right:20px}
.main_content .container_lecList{margin-top:50px} 

/* info */
.info_con {padding-bottom:70px; border-bottom: 1px solid #eee;}
.info_con img{width:540px; height:540px;}
.info_con .desc_cont{display: inline-block; position:absolute; left:600px; width:560px;font-size:16px;font-weight:300;line-height:30px;color:#222; word-break:keep-all}
.cont_vision{padding-top:100px;}
.cont_vision .tit_cont{position:relative; display:inline-block; font-size:26px; font-weight:500;}
.cont_vision .tit_cont:before{position:absolute;left:0;bottom:-10px;width:492px;height:4px; background:#d4ecff;content:""}
.tit_vision{position:relative;display:block;margin-top:70px;padding-top:5px;font-weight:500;font-size:20px;line-height:30px;color:#000;vertical-align:top;}
.tit_vision .num{margin-right:10px; font-size:22px; font-family: 'Poppins', sans-serif; font-weight:700; color:#00468c;}
.wrap_img{margin-top:25px}
.desc_img{display:block;margin-top:20px;font-size:17px;line-height:20px;color:#000;text-align:center;}
.list_vision{display:flex;margin-top:25px}
.list_vision li{width:33.3333%;padding:60px 120px 40px;border:1px solid #eee;border-radius:12px;box-sizing:border-box}
.list_vision li .desc_img{margin-top:40px}
.list_vision li .desc_img .desc_eng{display:block;font-weight:300;font-size:15px;line-height:25px;color:#333}
.list_vision li + li{margin-left:20px}


/* 학습서비스 */
.learning_con .tit_cont{font-size:70px;line-height:0px;color:#eeeeee; margin-top:120px;}
.learning_con .sub_tit_cont{font-size:24px;line-height:24px;color:#000; margin-top:100px; padding-left:5px}
.learning_con .desc_cont{margin-top:30px;font-size:16px;line-height:28px;color:#000; padding-left:5px; padding-bottom:50px; word-break:keep-all}
.learning_con .desc_box{width:100%; border:2px solid #eee; border-radius:12px; display:inline-block; margin:10px 0; padding:100px 80px; box-sizing:border-box; line-height:134px;}
.learning_con .desc_box:hover{border:2px solid #00468c;  box-shadow:5px 5px 10px rgba(100,100,100,0.2);}
.learning_con .desc_box .box_text{display:inline-block; height:134px; line-height:134px; font-size:20px; font-weight:500;}
.learning_con .desc_box .box_img{width:120px; height:120px; float:right; display:block; margin:0 auto;}

/* 학습방법 */
 ul.qicktabs li:nth-child(3){
	margin-right: 0;
	margin-top: 10px;
}
ul.qicktabs li:nth-child(3){
	margin-right: 0;
	margin-top: 10px;
}
ul.qicktabs li:nth-child(12){
	margin-right: 0;
	margin-top: 10px;
}
ul.qicktabs_ms li:nth-child(6){
	margin-right: 0;
	margin-top: 10px;
}
ul.qicktabs_ms li:nth-child(12){
	margin-right: 0;
	margin-top: 10px;
}
ul.qicktabs_ms li:nth-child(18){
	margin-right: 0;
	margin-top: 10px;
}
ul.qicktabs li.current{
	background: #2e7cf2;
	color: #fff;
}
ul.qicktabs_ms li.current{
	color: #fff;
	border-radius: 20px 20px 0 0;
}
.qicktab-content{
	display: none;
}
.qicktab-content li{
	font-size:15px; line-height:28px; font-weight:400;
	padding: 10px 0;
	width: 100%;
	display: inline-block;
}
.qicktab-content li img{
	position:relative;
	margin-right:4px;
	top:3px;
}
.qicktab-content li div input span{
	font-size: 14px;
}
.qicktab-content.current{
	display: inherit;
}
.qickcontainer_ms{padding:70px 0;}
.qicktab-link{width:220px; height:60px; border:2px solid #eee; color:#999; border-radius:20px 20px 0 0; float:left; font-size:20px; text-align:center; line-height:60px;}
.qicktab-content{width:1000px; height:auto; overflow:hidden; color:#222; border-radius:0 20px 20px 20px; padding:80px;}
.qicktab-content{width:1000px; height:auto; overflow:hidden; color:#222; border-radius:0 20px 20px 20px; padding:80px;}
.qicktab-content{width:1000px; height:auto; overflow:hidden; color:#222; border-radius:0 20px 20px 20px; padding:80px;}
#tabli-1.current{background-color:#2e7cf2; border:2px solid #2e7cf2;}
#tabli-2.current{background-color:#50d1c5; border:2px solid #50d1c5;}
#tabli-3.current{background-color:#ffd200; border:2px solid #ffd200;}
#tab-1{border:2px solid #2e7cf2;}
#tab-2{border:2px solid #50d1c5;}
#tab-3{border:2px solid #ffd200;}
.qicktab-content .title{width:100%; height:280px;border-bottom: 1px solid #ddd; font-size:20px; display:inline-block; margin-bottom:30px; font-weight:700;}
.qicktab-content .title p img{position:relative; top:6px;}
.qicktab-content .title_bg{float:right;}

/* 교육신청가이드 */
.guide{border-bottom:1px solid #eee; text-align:center;}
.g_title{width:100%; text-align:center; font-size:20px; font-weight:700; padding-bottom:50px;}
.g_title .num{width:100%; font-size:20px; font-family: 'Poppins', sans-serif; font-weight:700; color:#154d71; text-align:center;}
.g_title .tit_navy{font-size:18px; text-align:center; line-height:20px; display:inline-block; position:relative;}
.g_text{font-size:14px; text-align:center; padding-top:30px; padding-bottom:50px;}
.g_image{padding-top:70px;}


/*열린공부방*/
.learning_con .tabmenu{float:right; height:20px;}
.learning_con .tabmenu li{color:#000; font-size:20px; font-weight:700; margin-left:30px; height:20px; line-height:20px; border-right:2px solid #ddd; padding-right:30px; text-align:center; float:left;}
.learning_con .tabmenu li.on{color:#00468c;}
.content ul li{font-size:16px; font-weight:500; padding:10px 0; line-height:28px;}
.content ul li img{position:relative; top:3px; margin-right:8px;}
.sub_tit_cont{padding-bottom:20px; border-bottom:2px solid #222; display:block;}
.number{font-family: 'Poppins', sans-serif; font-size:22px; font-weight:500; margin-right:10px;}
.education{width:100px; height:140px; background-color:#2e7cf2; border-radius:0 30px 0 0; padding:50px 40px;}
.education strong{font-size:18px; color:#fff; padding-bottom:4px; border-bottom: 2px  solid #fff;}
.education p{position:relative; right:14px; bottom:-80px; color:#fff; font-size:14px;}
.lecture_wrap{width:auto; height:300px;}
.lecture{float:left; background-color:#c3d7e6; width:100px; height:120px; padding:40px 40px 80px 40px; border-radius:0 30px 0 0; margin:30px 30px 0 0; cursor:pointer;}
#lecture01:hover{background-color:#1b76ff;}
#lecture02:hover{background-color:#50d1c5;}
#lecture03:hover{background-color:#ffd200;}
.lecture:hover .lec_con{color:#fff; width:60px; border-bottom:1px solid #fff;}
.lecture .lec_tit{width:auto; padding-top:40px; color:#fff; font-size:18px; line-height:26px; font-weight:700; text-align:left; bottom:0;}
.lecture .lec_con{color:#fff; font-size:12px; margin-top:4px; text-align:left; transition: all .2s ease; }
.slide{width:100%; height:auto; overflow:hidden;}
.slide ul{width:100%; position:relative; left:0;}
.slide li{width:auto; text-align:center;display:block; border-top:1px solid #eee; display:none; }
.slide li:nth-child(1){background-color:#fff; padding-top:30px;}
.slide li:nth-child(2){background-color:#fff; padding-top:30px;}
.slide li:nth-child(3){background-color:#fff; padding-top:30px;}
.slide ul li .lecture_list{float:left; width:180px; height:240px; box-sizing:border-box; border-radius:0 30px 0 0; background-color:#fff; border: 1px solid #eee; margin-right:30px; text-align:center; }
.slide ul li .lecture_list img{position:relative; top:50px; left:5px;}
.slide ul li .lecture_list p{font-size:16px; position:relative; top:52px;}
.slide ul li #lecture_list01:hover{border: 1px solid #1b76ff; transition: all .3s ease;}
.slide ul li #lecture_list02:hover{border: 1px solid #50d1c5; transition: all .3s ease;}
.slide ul li #lecture_list03:hover{border: 1px solid #ffd200; transition: all .3s ease;}

/*열린공부방_상세*/
.learning_con .content{width:100%; overflow:hidden;}
.learning_con .content .tit_cont{font-family: 'Poppins', sans-serif; padding:40px 30px; box-sizing:border-box; font-size:22px; background-color:#00468c; color:#fff;}
.learning_con .content .tabmenu2{width:100%; height:50px; padding:16px 0 10px; border-bottom:2px solid #eee; display:block;}
.learning_con .content .tabmenu2 a li{font-size:18px;font-weight:900; color:#ccc;  float:left; margin-right:30px; position:relative; top:10px; padding:0 20px 20px 0; width:140px;}
.learning_con .content .tabmenu2 a li.on{color:#00468c; border-bottom:4px solid #00468c;}
.content_box{padding-bottom:70px; overflow:hidden;}
.content_box h4{font-size:18px; margin-top:30px;}
.content_box p{padding-top:8px; font-size:16px; line-height:28px; color:#222;}
/*
button{float:right; margin-top:50px; font-size:16px; font-weight: 700; color:#00468c; box-sizing:border-box; border:1px solid #00468c; border-radius:30px; width:140px; height:50px; text-align:center;}
button:hover{background-color:#00468c; color:#fff; transition-duration:0.3s;}
*/

/* 교육 자료실 */
.tab_content .tbl_comm thead tr th{color:#222;}